<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <link href="实验七.css" rel="stylesheet" type="text/css">
    <script src='实验七.js'></script>
    <title>实验七</title>
</head>
<body>
    <table class="boss2">
        <tr class="tr1">
            <td class="t1"><input onclick="quanx()" class="quan" type="checkbox">全选</td>
            <td>复选框全选示例</td>
        </tr>
        <tr>
            <td class="t1"><input name="k1" type="checkbox">1</td>
            <td>作用：</td>
        </tr>
        <tr>
            <td class="t1"><input name="k1" type="checkbox">2</td>
            <td>a.单击列头复选框全选或全不选子项</td>
        </tr>
        <tr>
            <td class="t1"><input name="k1" type="checkbox">3</td>
            <td>b.只要有一个子项没有选中，则取消列头的选中状态</td>
        </tr>
        <tr>
            <td class="t1"><input name="k1" type="checkbox">4</td>
            <td>c.当所有子项目选中时，列头复选框自动设置为选中状态</td>
        </tr>
        <tr>
            <td class="t1"><input name="k1" type="checkbox">5</td>
            <td></td>
        </tr>
        <tr>
            <td class="t1"><input name="k1" type="checkbox">6</td>
            <td></td>
        </tr>
        <tr>
            <td class="t1"><input name="k1" type="checkbox">7</td>
            <td></td>
        </tr>
        <tr>
            <td class="t1"><input name="k1" type="checkbox">8</td>
            <td></td>
        </tr>
        <tr>
            <td class="t1"><input name="k1" type="checkbox">9</td>
            <td></td>
        </tr>
        <tr>
            <td class="t1"><input name="k1" type="checkbox">10</td>
            <td>d.将复选框反过来选</td>
        </tr>
        <tr class="tr2">
            <td class="t1"><input class="fan" onclick="fanx()" type="checkbox">反选</td>
            <td>反选示例</td>
        </tr>
    </table>
</body>
</html>